irongit
Sign inRegister
huncholanehuncholane/dotbarPublic

Waybar configuration

dotbar/style/[Dark] Wallust Obsidian Edge.css
198 lines3.6 KBCSS
RawDownloadHistory
1/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
2/* Dark - Obsidian Edge */
3
4@import '../../.config/waybar/wallust/colors-waybar.css';
5
6* {
7font-family: "JetBrainsMono Nerd Font";
8font-weight: bold;
9min-height: 0;
10/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
11font-size: 97%;
12font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
13}
14
15window#waybar {
16 background: black;
17 border-radius: 12px;
18}
19
20window#waybar.hidden {
21 opacity: 0.5;
22}
23
24tooltip {
25 color: @foreground;
26 background: rgba(0, 0, 0, 0.8);
27 border-radius: 10px;
28}
29
30tooltip label {
31 color: @foreground;
32 padding-right: 2px;
33 padding-left: 2px;
34}
35
36/*-----module groups----*/
37.modules-left,
38.modules-center,
39.modules-right {
40 border: 0px solid #b4befe;
41 border-radius: 10px;
42 padding-top: 2px;
43 padding-bottom: 2px;
44 padding-right: 4px;
45 padding-left: 4px;
46}
47
48#taskbar button,
49#workspaces button {
50 color: @color12;
51 box-shadow: none;
52 text-shadow: none;
53 padding: 4px;
54 border-radius: 9px;
55 animation: gradient_f 20s ease-in infinite;
56 transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
57}
58
59#taskbar button.active,
60#workspaces button.active {
61 color: @foreground;
62 border-radius: 15px 15px 15px 15px;
63 padding-left: 8px;
64 padding-right: 8px;
65 animation: gradient_f 20s ease-in infinite;
66 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
67}
68
69#workspaces button.focused {
70 color: #d8dee9;
71}
72
73#workspaces button.urgent {
74 color: #11111b;
75 border-radius: 10px;
76}
77
78#taskbar button:hover,
79#workspaces button:hover {
80 color: @color9;
81 border-radius: 15px;
82 padding-left: 2px;
83 padding-right: 2px;
84 animation: gradient_f 20s ease-in infinite;
85 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
86}
87
88#backlight,
89#backlight-slider,
90#battery,
91#bluetooth,
92#clock,
93#cpu,
94#disk,
95#idle_inhibitor,
96#keyboard-state,
97#memory,
98#mode,
99#mpris,
100#network,
101#power-profiles-daemon,
102#pulseaudio,
103#pulseaudio-slider,
104#taskbar,
105#temperature,
106#tray,
107#window,
108#wireplumber,
109#workspaces,
110#custom-backlight,
111#custom-browser,
112#custom-cava_mviz,
113#custom-cycle_wall,
114#custom-dot_update,
115#custom-file_manager,
116#custom-keybinds,
117#custom-keyboard,
118#custom-light_dark,
119#custom-lock,
120#custom-hint,
121#custom-hypridle,
122#custom-menu,
123#custom-playerctl,
124#custom-power_vertical,
125#custom-power,
126#custom-quit,
127#custom-reboot,
128#custom-settings,
129#custom-spotify,
130#custom-swaync,
131#custom-tty,
132#custom-updater,
133#custom-weather,
134#custom-weather.clearNight,
135#custom-weather.cloudyFoggyDay,
136#custom-weather.cloudyFoggyNight,
137#custom-weather.default,
138#custom-weather.rainyDay,
139#custom-weather.rainyNight,
140#custom-weather.severe,
141#custom-weather.showyIcyDay,
142#custom-weather.snowyIcyNight,
143#custom-weather.sunnyDay {
144 color: @foreground;
145 border-radius: 8px;
146 padding-top: 5px;
147 padding-bottom: 5px;
148 padding-right: 6px;
149 padding-left: 6px;
150}
151
152#temperature.critical {
153 background-color: #ff0000;
154}
155
156@keyframes blink {
157 to {
158 color: #000000;
159 }
160}
161
162/*-----Indicators----*/
163#custom-hypridle.notactive,
164#idle_inhibitor.activated {
165 color: #39FF14;
166}
167
168#battery.critical:not(.charging) {
169 color: #f53c3c;
170 animation-name: blink;
171 animation-duration: 3.0s;
172 animation-timing-function: steps(12);
173 animation-iteration-count: infinite;
174 animation-direction: alternate;
175}
176
177#backlight-slider slider,
178#pulseaudio-slider slider {
179 min-width: 0px;
180 min-height: 0px;
181 opacity: 0;
182 background-image: none;
183 border: none;
184 box-shadow: none;
185}
186
187#backlight-slider trough,
188#pulseaudio-slider trough {
189 min-width: 80px;
190 min-height: 5px;
191 border-radius: 5px;
192}
193
194#backlight-slider highlight,
195#pulseaudio-slider highlight {
196 min-height: 10px;
197 border-radius: 5px;
198}